@import url("common.css");

/*visual*/
#visual {width:1170px; margin:0 auto; height:470px; position:relative; overflow:hidden;}
#visual .slick-slide{z-index:100 !important; }
#visual .visual_in { height:470px;}
	.visual_in .vtxt {padding:142px 0 0 523px;}
	.visual_in .vtxt .vtxt_light {font-size:60px; font-weight:100; letter-spacing:1.2px;font-family:'Roboto', sans-serif;  color:#fff; margin:-6px 0 0 -5px;}
	.visual_in .vtxt .vtxt_bold {font-family:'Roboto', sans-serif; font-size:63px; font-weight:700; letter-spacing:1.2px; color:#fff; margin:-31px 0 0 80px;}
	.visual_in .vtxt .under_box {width:564px; height:1px; background:rgba(255,255,255,0.42); margin:-28px 0 0 82px;}
	.visual_in .visual01{float:left;height:470px; background:url('/img/visual01.jpg') no-repeat center top;}
	.visual_in .visual02{float:left;height:470px; background:url('/img/visual01.jpg') no-repeat center top;}
	.visual_in .visual03{float:left;height:470px; background:url('/img/visual01.jpg') no-repeat center top;}


	.visual_in .slick-dots{position:absolute;  clear:both; ; top:399px; z-index:500; margin-left:0; text-align:center; width:100%;}
		.visual_in .slick-dots li{display:inline-block; overflow:hidden; width:12px; height:12px; background:rgba(255,255,255,0.5); margin:0 2.2px;border-radius:50%;vertical-align:middle; cursor:pointer; }
		.visual_in .slick-dots li button{border:none; text-indent:-999999999px; background:none;cursor:pointer; }
		.visual_in .slick-dots li.slick-active {background:#fff; width:12px !important; height:12px !important; position:Relative; top:0;}


    /* Start-슬릭기본 */
		.slick-slider{position: relative;display: block;box-sizing: border-box;
				-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;
					touch-action: pan-y;-webkit-tap-highlight-color: transparent;	}
		.slick-list{position: relative;display: block;overflow: hidden;margin: 0; padding: 0;  width:100%;}
		.slick-slide{display: none;float: left; width:100%; }
		.slick-initialized .slick-slide{display: block;}
	/* End-슬릭기본 */
    

#visual .cs_box {z-index:111;position:absolute; right:30px; top:30px; text-align:center; width:140px; height:228px; background:#fff;} 
#visual .cs_box hr{display:block; margin:0 auto ; width:108px; height:1px; background:#ddd; padding:0; border:none; }
#visual .cs_box dl {border:1px solid #ddd; border-bottom:none; }
#visual .cs_box dl.ansewer { background:url('/img/cs_call.gif') center 25px no-repeat; padding:70px 0 17px; }
#visual .cs_box dl.callcenter { border-top:none; padding:20px 0 15px;}
#visual .cs_box dt {font-size:14px;   color:#888;}
#visual .cs_box dd {font-family:'Roboto', sans-serif; font-size:16px;  color:#333; font-weight:700; margin-top:-3px;}
#visual .cs_box .katalk{background:#ffe800; height:49px; line-height:49px;}
	.cs_box .katalk a{display:block; width:100%; height:49px; line-height:49px; color:#3a1c1c;  }
	.cs_box .katalk i{display:inline-block; width:22px; height:20px; vertical-align:middle; background:url('/img/quickR_katalk.gif') no-repeat center; margin:0 8px 0 0; transition:0.3s all ease;}
	.cs_box .katalk a:hover i{margin-right:3px; transition:0.3s all ease;}

#visual .cs_box .video{background:#2b4b8c; height:49px; line-height:49px;}
	.cs_box .video a{display:block; width:100%; height:49px; line-height:49px; color:#fff; }
	.cs_box .video i{display:inline-block; width:20px; height:20px; vertical-align:middle; background:url('/img/quickR_video.png') no-repeat center; margin:0 8px 0 0; transition:0.3s all ease;}
	.cs_box .video a:hover i{margin-right:3px; transition:0.3s all ease;}


/*공통*/

/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper { position: relative; padding: 0; *zoom: 1; margin:0; padding:0;}
.bx-wrapper img {  max-width: 100%;  display: block;}
.bxslider {  margin: 0;  padding: 0;}
ul.bxslider {  list-style: none;}
.bx-viewport {  /*fix other elements on the page moving (on Chrome)*/  -webkit-transform: translatez(0);  }
/** THEME
===================================*/
.bx-wrapper { width:1190px !important; max-width:1190px !important; height:332px; margin:18px 0 0;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {display:none;}
/* LOADER */
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
.bx-wrapper .bx-controls-direction a {  position: absolute;  top: 50%;  margin-top: -30px;  outline: 0;  width: 32px;  height: 60px;  text-indent: -9999px;  z-index: 505;}
.bx-wrapper .bx-prev {left:7px; border:1px solid #ddd; background:rgba(255,255,255,0.9) url('/img/arrow_left.png')center no-repeat; transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease;  -webkit-transition: all 0.2s ease;}
.bx-wrapper .bx-next {right:14px; border:1px solid #ddd; background:rgba(255,255,255,0.9) url('/img/arrow_right.png')center no-repeat; transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease;  -webkit-transition: all 0.2s ease;}


#contents h3.tit {margin-left:7.5px;font-size:31px; letter-spacing:-1.8px; color:#333333; font-weight:500; padding-top:30px;}
#contents .pr_list {overflow:hidden; clear:both; position:absolute;top:-52px ; right:48px}
          .pr_list li {position:relative; float:left;}
		  .pr_list li a {font-size:16px; letter-spacing:-0.9px; font-weight:400; line-height:120%;}
		  .pr_list li:before {content:""; display:block; width:1px; height:12px; background:#b2b2b2; position:absolute; left:0; top:5px;}
		  .pr_list li:first-child:before {display:none;}
		  .pr_list li a.on{color:#2b4b8c; font-weight:500;}
#contents .more {display:block; position:absolute; right:-2px; top:-50px; width:32px; height:32px; border:1px solid #ddd; text-align:center; box-sizing:border-box; padding-top:11px; margin-right:7.5px;}
#contents .more img {transform: rotate(0deg); transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
#contents .more:hover img {transform: rotate(90deg); transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}


/*contents*/
#contents {}
#contents .product {position:relative; width:1182px; margin:0 auto;}
#contents .product > div{height:332px; position:Relative !important; margin:18px 0 0;}
#contents .product h3.tit {margin-left:7px;}
		  .product .more{right:6px !important; top:-40px !important;}
		  .product .pr_list li {padding:0 15px; text-align:center; font-size:16px; letter-spacing:-0.9px; font-weight:400; line-height:120%; cursor:pointer;}
		  .product .pr_list li:hover{font-weight:500; color:#2b4b8c;}
		  .product .pr_list li.focus {font-weight:500; color:#2b4b8c;}

#contents .product.ver2 > div{height:400px;;}
#contents .product.ver2 .pr_list{position:relative;display:table;width:1168px;top:0;right:0;margin-left:7px;border:1px solid #ddd;border-top:0;border-left:0;overflow:hidden;}
          .product.ver2 .pr_list li {position:relative; float:none;display:table-cell;vertical-align: middle;width:166.8px;height:50px;padding:0 5px;border-top:1px solid #ddd;border-left:1px solid #ddd;font-size:14px;line-height:1.3;box-sizing:border-box;}
		  .product.ver2 .pr_list li:before {display:none;}
		  .product.ver2 .pr_list li.focus{background:#2b4b8c;color:#fff}

		  .product .intro_list { margin-top:0; min-height:332px; background:#fff; }
		  .product .intro_list > div{margin:0 7.5px; float:left; width:281px !important; }
		  .product .intro_list dl {width:281px !important; height:332px; margin:0; border:1px solid #ddd; box-sizing:border-box; text-align:center;}
		  .product .intro_list dl a {display:block; width:100%; height:100%;}
		  .product .intro_list dl dt {height:279px; width:279px; overflow:hidden;; box-sizing:border-box;}
		  .product .intro_list dl dt img{width:100%; transition:all ease 0.3s; }
		  .product .intro_list dl dt:hover img {transform:scale(1.1); transition: all 0.3s ease-out;}
		  .product .intro_list dl dd {font-family:'Roboto', 'Noto Sans KR', sans-serif; font-size:16px; letter-spacing:-0.7px; line-height:120%; color:#333333; padding-top:5px;}
		  .product .intro_list dl dd span {font-weight:500;}
		  .product .intro_listWrap{/*display:none;*/ visibility:hidden; display:block; position:Absolute; left:0; bottom:0; }
		  .product .intro_listWrap.focus{/*display: block;*/ visibility:visible; z-index:500;}

#contents .product.ver2 .more{display:none;}
		.product.ver2 .intro_listWrap{top:50px;}


#contents .use_bg {position:relative; width:1182px;  margin:0 auto 40px;}
#contents .use_bg > div{height:281px; position:Relative !important; margin:18px 0 0;}
#contents .use_bg h3.tit {padding-top:28px; margin-left:7px;}
#contents .use_bg .pr_listVer2 {position:absolute; right:48px; top:-50px;}
		  .use_bg .pr_listVer2 li {position:relative; float:left; padding:0 15px; text-align:center; font-size:16px; letter-spacing:-0.9px; font-weight:400; line-height:120%; cursor:pointer;}
		  .use_bg .pr_listVer2 li:hover{font-weight:500; color:#2b4b8c;}
		  .use_bg .pr_listVer2 li.focus {font-weight:500; color:#2b4b8c;}
		  .use_bg .pr_listVer2 li:before {content:""; display:block; width:1px; height:12px; background:#b2b2b2; position:absolute; left:0; top:5px;}
		  .use_bg .pr_listVer2 li:first-child:before {display:none;}
		  .use_bg .pr_listVer2 .more{position:Absolute; right:0; top:0; }

		  .use_bg .pr_list li{padding:0 20px;}
		  .use_bg .pr_list li a {font-family:'Roboto', sans-serif; letter-spacing:0; font-weight:400; font-size:16px; transition:0.2s all ease-out;}
          .use_bg .pr_list li a:hover {font-size:16px; color:#3091b9;transition:0.2s all ease-in;}
		  .use_bg .pr_list li a.on {font-weight:700; font-size:16px; color:#2b4b8c;}

		  .use_bg .use_list {position:relative; background:#fff; }
		  .use_bg .use_list li {float:left; margin:0 7.5px; width:281px !important; height:281px; overflow:hidden;transition:all ease 0.3s;box-sizing:border-box; text-align:center;}
		  .use_bg .use_list li img {transition:all ease 0.3s; width:100%; height:100%;}
		  .use_bg .use_list li:hover img {transform:scale(1.1); transition: all 0.3s ease-out; transition:all ease 0.3s;}
		  .use_list .slick-list li {width:281px !impotant; }
		  .use_bg .more{top:-38px !important;}
		  .use_bg .use_listWarp{/*display:none;*/ visibility:hidden; display:block; position:Absolute; left:0; bottom:0; }
		  .use_bg .use_listWarp.focus{/*display: block;*/ visibility:visible;z-index:500;}
		  .use_bg .bx-wrapper {height:281px;}
		  .use_bg .use_list .bx-controls{display:none !important; }
#contents .use_bg .more {right:6px;}


#contents .main_map {position:relative;width:1170px; margin:0 auto; background:#efefef; box-sizing:border-box; padding:0 40px 40px;}
#contents .main_map h3.tit {color:#2b4b8c; padding:29px 0 0 0; margin:0;}
		.main_map > div{overflow:hidden; clear:both; position:relative; }
		  .main_map .map_txt {margin:3px 0 23px 0; color:#333; font-size:17px;  font-weight:300;}
		  .main_map .map_box {float:left; margin:0 30px 0 0; width:490px; height:430px; background:url('/img/main_map.gif') center top no-repeat; box-sizing:border-box;}
		  .main_map .map_box a {display:block; font-size:18px; font-family:'Roboto', sans-serif; letter-spacing:0.6px; font-weight:800; color:#1b303b; line-height:120%;; text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff; position:relative; }
		  .main_map .map_box a span{display:inline-block; font-family:'Noto Sans KR', Sans-serif; font-weight:500; font-size:15px;line-height:120%;margin:-4px 0 0 2px; vertical-align:middle; }
		  .main_map .map_box a img{display:inline-block; vertical-align:middle; margin:-4px 0 0 6px;}
		  .main_map .map_box a::before{display:block; content:""; width:27px; height:38px; background-image:url('/img/map_icon.png'); position:absolute; top:-11px; left:-35px;}
		  .main_map .map_box a.korea {position:absolute; left:247px; top:152px; }
		  .main_map .map_box a.china {position:absolute; left:90px; top:170px;}
		  .main_map .map_box a.china::before{ position:absolute;left:auto; right:-35px;}
		  .main_map .map_box a.china img {margin:-4px 6px 0 0px;}
		  .main_map .map_box a.sing {position:absolute; left:220px; top:216px;}
		  .main_map .map_box a.aust {position:absolute; left:282px; top:295px;}
		  .main_map .map_box .want_txt {padding:28px 0 0 30px; color:#888; font-size:15px; line-height:120%;}

		  .main_map .map_info {float:left;  width:570px; height:430px; background:#081c45; box-sizing:border-box; padding:48px 50px 0 50px;}
			  .main_map .map_info h5.tit {padding-bottom:29px; border-bottom:1px solid rgba(255,255,255,0.5); color:#fff; font-size:25px; line-height:30px; font-family:'Roboto', sans-serif; font-weight:500; }
			  .main_map .map_info h5.tit img {margin:-3px 13px 0 0;}
			  .main_map .map_info dl {overflow:hidden; clear:both; margin-top:25px; }
			  .main_map .map_info dl.one {margin-top:30px;}
			  .main_map .map_info dt {float:left; width:74px; height:60px; margin-right:17px; overflow:hidden; }
			  .main_map .map_info dt img{width:100%; }
			  .main_map .map_info dd {float:left; padding:10px 0 0 1px; box-sizing:Border-box; width:calc(100% - 91px)}
			  .main_map .map_info dd  h6 {background:url('/img/map_icon2.png') left 1px no-repeat; font-size:17px;  color:#fff; font-weight:300; line-height:20px; padding-left:21px; text-overflow: ellipsis; overflow: hidden;white-space: nowrap; }
			  .main_map .map_info dd  h6 .tell { color:rgba(255,255,255,0.7); font-size:14px; line-height:20px; font-family:'Roboto', sans-serif; margin:-3px 0 0 10px; font-weight:400;}
			  .main_map .map_info dd  h6 .t_eng {font-size:13px; font-family:'Roboto', sans-serif; font-weight:500; margin-right:5px;}
			  .main_map .map_info dd  h6 .t_eng02 {margin-left:8px;letter-spacing:0 !important;}
			  .main_map .map_info dd .map_address {color:rgba(255,255,255,0.8); font-size:14px; letter-spacing:0px; padding:3px 0 0 3px; width:376px; height:21px; text-overflow: ellipsis; overflow: hidden;white-space: nowrap;}
			  .main_map .map_info .info_txt {position:relative;}
			  .main_map .detail {z-index:500;position:absolute; right:50px; top:55px; font-size:14px; color:rgba(255,255,255,0.8);  font-weight:400; line-height:20px;}
			  .main_map .detail span {display:inline-block; width:6px; height:10px; background:url('../../img/detail_arrow.png') 0 center no-repeat;  margin-left:8px; position:relative; left:0; transition:0.25s all ease;}
			  .main_map .detail:hover span { transition:0.25s all ease; left:5px;}


	.main_map .map_arrow {position:absolute; left:460px; top:188px; width:54px; height:54px; background:url('/img/nation_arrow.gif') center center no-repeat #fff; box-shadow:-1px 1px 10px rgba(0,0,0,0.17); border-radius:56px; }

#contents .main_map.ver2{height:auto;padding-bottom:20px;}
			.main_map.ver2 .map_box{position:relative;width:100%;height:430px;margin-left:0;margin-bottom:20px;padding:0 40px;background:url('/img/main_map.jpg') center top no-repeat;box-sizing:border-box;}
			 .main_map.ver2 .map_box a > div{position:relative;z-index:2;}
			.main_map.ver2 .map_box a span{display:none;font-weight:600;}
			.main_map.ver2 .map_box a span.fc{display:block;}
			.main_map.ver2 .map_box a b{display:inline-block;padding:0 3px 0 5px;font-size:16px;letter-spacing:-0.5px;}
			.main_map.ver2 .map_box a::before{display:block; content:""; width:28px; height:38px; background-image:url('/img/ico_loc.png'); position:absolute; top:-8px; left:-35px;transition:0.3s all ease;z-index:2;}
			/*.main_map.ver2 .map_box a:hover::before{background-image:url('/img/ico_loc_over.png'); }*/
			.main_map.ver2 .map_box a.korea::before{background-image:url('/img/ico_loc_on.png'); }
			.main_map.ver2 .map_box a.china::before{background-image:url('/img/ico_loc_cn.png'); }
			.main_map.ver2 .map_box a.sing::before{background-image:url('/img/ico_loc.png'); }
			.main_map.ver2 .map_box a.aust::before{background-image:url('/img/ico_loc_as.png'); }
			.main_map.ver2 .map_box a::after{opacity:0;display:inline-block;position:absolute;left:0;width:0;height:30px;border-top:2px solid #1c303a;border-left:2px solid #1c303a;content:'';transition:0.2s all ease;}
			.main_map.ver2 .map_box a.on::after{opacity:1;}
			.main_map.ver2 .map_box a.korea::after{margin:-50px 0 0 -20px;}
			.main_map.ver2 .map_box a.china::after{margin:-53px 0 0 110px;}
			.main_map.ver2 .map_box a.sing::after{margin:-55px 0 0 150px;}
			.main_map.ver2 .map_box a.aust::after{margin:-55px 0 0 -20px;}
			.main_map.ver2 .map_box a.korea.on::after{width:400px;}
			.main_map.ver2 .map_box a.china.on::after{width:450px;}
			.main_map.ver2 .map_box a.sing.on::after{width:450px;}
			.main_map.ver2 .map_box a.aust.on::after{width:400px;}
			.main_map.ver2 .map_box a.korea {position:absolute; left:460px; top:168px; }
			.main_map.ver2 .map_box a.china {position:absolute; left:260px; top:185px;}
			.main_map.ver2 .map_box a.china::before{left:auto;right:-35px;}
			.main_map.ver2 .map_box a.china img {margin:-4px 6px 0 0px;}
			.main_map.ver2 .map_box a.sing {position:absolute; left:220px; top:262px;}
			.main_map.ver2 .map_box a.sing::before{left:auto;right:-35px;}
			.main_map.ver2 .map_box a.aust {position:absolute; left:482px; top:315px;}
			.main_map.ver2 .map_box a.fact::before{top:18px;left:5px;width:10px;height:10px;border-radius:100%;background:#3692b7;}
			.main_map.ver2 .map_box a.fact img{display:none;}
			.main_map.ver2 .map_box a.fact.kor{position:absolute; left:420px; top:125px; }
			.main_map.ver2 .map_box a.fact.chn{position:absolute; left:256px; top:140px;}
			.main_map.ver2 .map_box a.fact.chn::before{top:18px;left:100px;width:10px;height:10px;border-radius:100%;background:#2b4b8c;}
			.main_map.ver2 .map_box .want_txt{padding:28px 0;}
			.main_map.ver2 .tooltip{position:absolute;right:85px;top:50%;transform:translateY(-50%);margin-top:10px;width:240px;border:0;overflow:hidden;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,0.2);opacity:0;transition:0.3s all ease;}
			.main_map.ver2 .tooltip.active{margin-top:0;opacity:1;z-index:8;}
			.main_map.ver2 .tooltip .tp_tit{width:100%;padding:12px 0;background:#3692b7;text-align:center;color:#fff;font-size:16px;font-weight:500;}
			.main_map.ver2 .tooltip .chn .tp_tit{background:#2b4b8c;}
			.main_map.ver2 .tooltip .sing .tp_tit{background:#131313;}
			.main_map.ver2 .tooltip .aus .tp_tit{background:#f8ce0a;}
			.main_map.ver2 .tooltip .tp_tit img{position:relative;margin-top:-2px;padding-right:10px;}
			.main_map.ver2 .tooltip .tp_list{padding:15px;overflow:hidden;overflow-y:auto;max-height:236px;box-sizing:border-box;}
			.main_map.ver2 .tooltip .tp_list{scrollbar-3dLight-Color: #f1f1f1; scrollbar-arrow-color: #ddd; scrollbar-base-color: #f1f1f1; scrollbar-Face-Color: #ddd; scrollbar-Track-Color: #f1f1f1; scrollbar-DarkShadow-Color: #f1f1f1; scrollbar-Highlight-Color: #f1f1f1; scrollbar-Shadow-Color: #f1f1f1}
			.main_map.ver2 .tooltip .tp_list::-webkit-scrollbar-track{background-color: #f1f1f1;width:5px;}
			.main_map.ver2 .tooltip .tp_list::-webkit-scrollbar{background-color: #ddd;width:5px;}
			.main_map.ver2 .tooltip .tp_list::-webkit-scrollbar-thumb{background-color: #ddd;width:5px;}
			.main_map.ver2 .tooltip .tp_list dl{display:block;position:relative;margin-top:10px;cursor:pointer;}
			.main_map.ver2 .tooltip .tp_list dl:first-child{margin-top:0;}
			.main_map.ver2 .tooltip .tp_list dl dt{display:inline-block;vertical-align: middle;padding-right:12px;}
			.main_map.ver2 .tooltip .tp_list dl dt img{width:80px;height:60px;border:1px solid #ddd !important;}
			.main_map.ver2 .tooltip .tp_list dl dd{display:inline-block;vertical-align: middle;}
			.main_map.ver2 .tooltip .tp_list dl dd h6{padding-left:18px;font-size:15px;font-weight:500;line-height:20px;color:#333;background:url('/img/ico_loc_s.png') no-repeat left center;line-height:16px;letter-spacing:-1px;}
			.main_map.ver2 .tooltip .ext{font-size:14px;color:#666;text-align:center;border-top:1px solid #ddd;line-height:35px;}
			.main_map.ver2 .map_tab{display:none;font-size:0;letter-spacing:0;word-spacing:0;text-align:center;}
			.main_map.ver2 .map_tab a{display:inline-block;margin:0 1px;width:185px;line-height:42px;font-size:16px;font-weight:500;letter-spacing:-0.5px;background:#fff;color:#2b4b8c;}
			.main_map.ver2 .map_tab a.on{background:#2b4b8c;color:#fff;}
			.main_map.ver2 .map_info{display:none !important;position:relative;right:0;top:0;width:100%;height:auto;padding: 30px 0 40px 0;background:#efefef;}
			.main_map.ver2 .map_info h5.tit{width:100%;padding-bottom:15px;border-bottom:0;text-align:center;color:#333;font-size:22px;font-weight:600;}
			.main_map.ver2 .map_info h5.tit img{margin-right:8px;}
			.main_map.ver2 .map_info .detail{height:20px;right:0;top:38px;color:#666;}
			.main_map.ver2 .map_info .detail span{position:relative;top:0;background: url(../../img/detail_arrow_2.png) 0 center no-repeat;}
			.main_map.ver2 .detail:hover span{left:0;}
			.main_map.ver2 .map_info .mlist{font-size:0;letter-spacing:0;word-spacing:0;}
			.main_map.ver2 .map_info .mlist li{display:inline-block;vertical-align: top;position:relative;width:540px;padding:25px 0px 25px 25px;margin-top:10px;margin-right:8px;background:#fff;font-size:0;letter-spacing:0;word-spacing:0;cursor:pointer;box-sizing:border-box;}
			.main_map.ver2 .map_info .mlist li > span{display:block; position:absolute; background:#2b4b8c; transition:all 0.5s ease;}
									.map_info .mlist li .left{width:4px; height:0; left:-1px; top:-1px;}
									.map_info .mlist li .top{width:0; height:4px; right:-1px; top:-1px;}
									.map_info .mlist li .right{width:4px; height:0; right:-1px; bottom:-1px;}
									.map_info .mlist li .bot{width:0; height:4px; left:-1px; bottom:-1px;}
									.map_info .mlist li:hover .left{height:100%;}
									.map_info .mlist li:hover .top{width:100%;}
									.map_info .mlist li:hover .right{height:100%;}
									.map_info .mlist li:hover .bot{width:100%;}
			.main_map.ver2 .map_info .mlist li:nth-child(even){margin-right:0;}
			.main_map.ver2 .map_info .mlist li .sum{display:inline-block;vertical-align: top;}
			.main_map.ver2 .map_info .mlist li .sum img{width:140px;height:110px;border:1px solid #ddd !important;}
			.main_map.ver2 .map_info .mlist li .cont{display:inline-block;vertical-align: top;width:330px;padding-left:13px;}
			.main_map.ver2 .map_info .mlist li .cont h6{padding-bottom:6px;font-size:18px;font-weight:500;color:#2b4b8c;letter-spacing:-1px;}
			.main_map.ver2 .map_info .mlist li .cont .map_address{height:50px;margin-bottom:2px;font-size:15px;color:#666;letter-spacing:-1.5px;overflow:hidden;}
			.main_map.ver2 .map_info .mlist li .cont .map_tel{margin-top:5px;height:30px;font-size:15px;color:#666;letter-spacing:-1.5px;line-height:1.1;}
			.main_map.ver2 .map_info .mlist li .cont .map_tel *{line-height:1.2;}
			.main_map.ver2 .map_info .mlist li .cont .map_tel span{display:inline-block;}
			.main_map.ver2 .map_info .mlist li .cont .map_tel span:first-child{margin-right:10px;}
			.main_map.ver2 .map_info .mlist li .cont .map_tel em{font-style:normal;color:#2b4b8c;font-weight:600;}


#contents .customer {width:1170px; margin:0 auto; overflow:hidden; clear:both; padding-bottom:25px;}
#contents .customer h3.tit {margin:0 0 20px 0; }
		  .customer .video {float:left; width:570px; height:380px; overflow:hidden; box-sizing:border-box; border:1px solid #ddd;}
		  .customer .customer_menu {margin-left:15px; float:left;} 
		  			.customer_menu ul {overflow:hidden; clear:both; margin-bottom:15px;}
					.customer_menu .picture_menu li {position:relative; float:left; width:285px; height:180px; border:1px solid #ddd; box-sizing:border-box; margin-right:15px; overflow:hidden;}
					.customer_menu .picture_menu li a {display:block; width:100%; height:100%;}
					.customer_menu .picture_menu a h6 {color:#333; font-size:18px;  font-weight:500; padding:45px 0 10px 30px;  transition:0.3s ease all;}
					.customer_menu .picture_menu a .menu01_txt {font-size:14px;  line-height:20px; padding-left:30px;}
					.customer_menu .picture_menu li.cadalog {background:url('/img/cadalog_bg.jpg') center top no-repeat;}
					.customer_menu .picture_menu li.explain {background:url('/img/useesplain_bg.jpg') center top no-repeat; margin-right:0;}

					.customer_menu .picture_menu li span{display:block; position:absolute; background:#2b4b8c; transition:all 0.5s ease;}
									.picture_menu .left{width:5px; height:0; left:-1px; top:-1px;}
									.picture_menu .top{width:0; height:5px; right:-1px; top:-1px;}
									.picture_menu .right{width:5px; height:0; right:-1px; bottom:-1px;}
									.picture_menu .bot{width:0; height:5px; left:-1px; bottom:-1px;}

					.customer_menu .picture_menu li:hover h6 {padding-top:55px; transition:0.3s ease all; color:#2b4b8c;}
									.picture_menu li:hover a {color:#2b4b8c;}
									.picture_menu li:hover .left{height:100%;}
									.picture_menu li:hover .top{width:100%;}
									.picture_menu li:hover .right{height:100%;}
									.picture_menu li:hover .bot{width:100%;}



					.customer_menu .icon_menu li {position:relative; float:left; width:185px; height:185px; border:1px solid #ddd; margin-right:15px; text-align:center; padding-top:43px; box-sizing:border-box;}
					.customer_menu .icon_menu li a {display:block;width:100%; height:100%;font-size:18px;  color:#333; font-weight:500;}
					.customer_menu .icon_menu li.g_vedio {}
					.customer_menu .icon_menu li.m_service {}
					.customer_menu .icon_menu li.spec {margin-right:0;}
					.customer_menu .icon_menu li i {display:block; width:100%; height:100%;}
					.customer_menu .icon_menu li.g_vedio i {background:url('/img/video_guide.png') center 16px no-repeat; transition:0.3s all ease;}
					.customer_menu .icon_menu li.m_service i {background:url('/img/menual_icon.png') center 11px no-repeat; transition:0.3s all ease;}
					.customer_menu .icon_menu li.spec i {background:url('/img/sheet_icon.png') center 17px no-repeat; transition:0.3s all ease;}
					.customer_menu .icon_menu li span{display:block; position:absolute; background:#2b4b8c; transition:all 0.5s ease;}
									.icon_menu .left{width:5px; height:0; left:-1px; top:-1px;}
									.icon_menu .top{width:0; height:5px; right:-1px; top:-1px;}
									.icon_menu .right{width:5px; height:0; right:-1px; bottom:-1px;}
									.icon_menu .bot{width:0; height:5px; left:-1px; bottom:-1px;}
					
					.customer_menu .icon_menu li.g_vedio:hover a {color:#2b4b8c;transition:0.3s all ease;}
					.customer_menu .icon_menu li.m_service:hover a {color:#2b4b8c;transition:0.3s all ease;}
					.customer_menu .icon_menu li.spec:hover a {color:#2b4b8c;transition:0.3s all ease;}
					.customer_menu .icon_menu li.g_vedio:hover i {background:url('/img/video_guide02.gif') center 9px no-repeat; transition:0.3s all ease;}
					.customer_menu .icon_menu li.m_service:hover i {background:url('/img/menual_icon02.gif') center 4px no-repeat; transition:0.3s all ease;}
					.customer_menu .icon_menu li.spec:hover i {background:url('/img/sheet_icon02.gif') center 10px no-repeat; transition:0.3s all ease;}
									.icon_menu li:hover .left{height:100%;}
									.icon_menu li:hover .top{width:100%;}
									.icon_menu li:hover .right{height:100%;}
									.icon_menu li:hover .bot{width:100%;}